import { HEADERHEIGHT } from '@/script/config'
export default {
  AppHeader: {
    position: 'fixed',
    width: '100%',
    zIndex: 2,
  },
  Logo: {
    float: 'left',
    width: '220px',
    color: '#fff',
    display: 'flex',
    justifyContent: 'center',
  },
  AppBody: {
    marginTop: `${HEADERHEIGHT}px`,
    padding: '10px 50px',
    position: 'relative',
    zIndex: 1,
  },
  CardContainer: {
    background: '#fff',
  },
  Card: {
    borderBottom: '1px solid rgba(178,186,194,.15)'
  },
  Content: {
    padding: '1.5rem 2rem',
  },
  TitleContent: {
    margin: '.5rem 0 .8rem',
    whiteSpace: 'nowrap',
    overflow: 'hidden',
    textOverflow: 'ellipsis',
  },
  Title: {
    fontSize: '1.4rem',
    fontWeight: '600',
    lineHeight: '1.2',
    color: '#2e3135',
  },
  InfoRow: {
    fontSize: '1rem',
    color: '#8f969c',
  },
  MetaList: {
    display: 'flex',
    alignItems: 'baseline',
    whiteSpace: 'nowrap',
  },
  Item: {
    fontSize: '1rem',
    '&.UserName': {
      display: 'flex',
    },
    '&:not(:last-child):not(.Category)::after': {
      content: `'\\B7'`,
      margin: '0 .4em',
      color: '#8f969c',
    },
  },
}
